<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*"%>
<%@ page import= "java.util.*"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- Cabecera -->
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Pepe Gomez - Distribuci&oacute;n y env&iacute;os</title>
 <!-- Scripts --> 
 <script type="text/javascript" src="jquery/jquery-2.1.1.js"></script>
 <!-- Hojas de estilo -->
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <!-- Fonts -->
 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
</head>
<!-- Fin Cabecera -->
<!-- Declaraciones -->
<%	
	String usuario = "";
	String sucursal = "0";
	String sucursalNombre = "";
	
	HttpSession sesionIntento = request.getSession();
	if(sesionIntento.getAttribute("usuario") != null)
	{
		usuario = (String)sesionIntento.getAttribute("usuario");
		sucursal = (String)sesionIntento.getAttribute("sucursal");
		sucursalNombre =  (String)sesionIntento.getAttribute("sucursalNombre");
	}    
%>
<!-- Fin Declaraciones -->
 <!-- Scripts -->
<script type="text/javascript">
$(document).ready(function() {
	console.log("js begin");
	/* MAIN MENU */
	$('#main-menu > li:has(ul.sub-menu)').addClass('parent');
	$('ul.sub-menu > li:has(ul.sub-menu) > a').addClass('parent');

	$('#menu-toggle').click(function() {
		$('#main-menu').slideToggle(300);
		return false;
	});

	$(window).resize(function() {
		if ($(window).width() > 700) {
			$('#main-menu').removeAttr('style');
		}
	});

	  	  var usuario =  <%= '"' + usuario + '"'%>
	  	  var sucursal =  <%= '"' + sucursal + '"'%>
	  	  var sucursalNom =  <%= '"' + sucursalNombre + '"'%>
  	  

		  if(usuario == "")	
		  {	  
	  		$("#nombreUsuario").text("");
	 		$("#divLogin").load("login.jsp");
	 		$("#lCerrarSesion").text("");
	 		
		  }
		  else
		  {
	  		$("#nombreUsuario").text("Hola " + usuario + "("+sucursalNom+" --> " + sucursal + ")");
	  		$("#lCerrarSesion").text("Cerrar Sesion");
	  		$("#cerrarSesion").load("logout.jsp");

	  		$("#menu_nuevo_cliente_particular").on("click",function(){
	  			$("#divTodo").load("altaClienteParticular.jsp");
	  		});
	  		
	  		$("#menu_nuevo_cliente_empresa").on("click",function(){
	  			$("#divTodo").load("altaClienteEmpresa.jsp");
	  		});
	  		
	  		$("#menu_new_encom").on("click",function(){
	  			$("#divTodo").load("altaEncomienda.jsp");
	  		});
	  		
	  		$("#menu_new_encom_paq").on("click",function(){
	  			$("#divTodo").load("agregarItemEnvioAEncomienda.jsp");
	  		});	  	
	  		
	  		$("#menu_new_prodlog").on("click",function(){
	  			$("#divTodo").load("agregarProductoLogistica.jsp");
	  		});
	  		
	  		$("#menu_facturar_encom").on("click",function(){
	  			$("#divTodo").load("facturarEncomienda.jsp");
	  		});

	  		$("#menu_pagar_fact_particular").on("click",function(){
	  			$("#divTodo").load("pagarFacturaParticular.jsp");
	  		});

	  		$("#menu_pagar_fact_empresa").on("click",function(){
	  			$("#divTodo").load("pagarFacturaEmpresa.jsp");
	  		});
	  		
	  		$("#menu_alta_envio_interno").on("click",function(){
	  			$("#divTodo").load("altaEnvioInterno.jsp");
	  		});
	  		
	  		$("#menu_alta_envio_internacional").on("click",function(){
	  			$("#divTodo").load("altaEnvioInternacional.jsp");
	  		});
	  		
	  		$("#menu_alta_envio_urgente").on("click",function(){
	  			$("#divTodo").load("altaEnvioUrgente.jsp");
	  		});
	  		
	  		$("#menu_agregar_encom_a_envio").on("click",function(){
	  			$("#divTodo").load("agregarEncomiendaAEnvio.jsp");
	  		});

	  		$("#crearViajeInterSucursal").on("click",function(){
	  			$("#divTodo").load("altaViajeInterSucursal.jsp");
	  		});
	  		
	  		$("#crearViajeOrigenSucursal").on("click",function(){
	  			$("#divTodo").load("altaViajeOrigenSucursal.jsp");
	  		});
	  		
	  		$("#crearViajeSucursalDestino").on("click",function(){
	  			$("#divTodo").load("altaViajeSucursalDestino.jsp");
	  		});
	  		
	  		$("#asignarPlanMantenimiento").on("click",function(){
	  			$("#divTodo").load("asignarPlanMantenimiento.jsp");
	  		});
	  		
	  		$("#aplicarPlanMantenimiento").on("click",function(){
	  			$("#divTodo").load("aplicarPlanMantenimiento.jsp");
	  		});
	   	  }
		  	  
console.log("js complete");;	   
}); //document ready

</script>
<!-- Fin Scripts -->
<!-- Cuerpo -->
<body>
<div class="container">
    <div class="content">
        <div id="wrap">
        	<header>
        		<div class="inner relative">
                      <ul style="width:500px;">
        				<li style="width:auto;"><a class="logo" href="main.jsp"><img src="images/logo.jpg" alt="Pepe Gomez" border="0"></a></li>
                     	<li class="logueado" style="width:auto; margin-top:10px;font-size:18px; line-height:25px; color:#f0af1e;">
                         <span id="nombreUsuario"> </span>               
                        </li>
                        <div id="cerrarSesion" style="width:auto;color:#fff; font-size:14px;" > </div>           	
         			    </ul>
                    <a id="menu-toggle" class="button dark" href="#"></a>
        			<nav id="navigation">
        				<ul id="main-menu">
        					<li class="current-menu-item"><a href="">HOME</a></li>
        					<li class="parent">
        						<a class="parent" href="#"> CLIENTE</a>
        							<ul class="sub-menu">
        									<li><a id="menu_nuevo_cliente_empresa">Nueva Cliente Empresa</a></li>
        									<li><a id="menu_nuevo_cliente_particular">Nueva Cliente Particular</a></li>
        							</ul>
        					</li>
        					<li class="parent">
        						<a class="parent" href="#"> ENCOMIENDA</a>
        							<ul class="sub-menu">
        									<li><a id="menu_new_encom">Nueva Encomienda </a></li>
        									<li><a id="menu_new_encom_paq">Agregar Paquete a Encomienda </a></li>
        									<li><a id="menu_new_prodlog">Agregar Producto Logistica a Servicio</a></li>
        									<li><a id="menu_facturar_encom">Facturar Encomienda </a></li>
        							</ul>
        					</li>
        					<li class="parent">
        						<a class="parent" href="#"> ENV&Iacute;OS</a>
        							<ul class="sub-menu">
 			       							<li><a id="menu_alta_envio_interno">Alta envio Interno</a></li>
 			       							<li><a id="menu_alta_envio_internacional">Alta envio Internacional</a></li>
 			       							<li><a id="menu_alta_envio_urgente">Alta envio Urgente</a></li>
											<li><a id="menu_agregar_encom_a_envio">Agregar Encomienda al envio</a></li>
        							</ul>
        					</li>
        					<li class="parent">
        						<a class="parent" href="#"> VIAJES</a>
        							<ul class="sub-menu">
        									<li><a id="crearViajeInterSucursal">Viaje Inter-Sucursal</a></li>
        									<li><a id="crearViajeOrigenSucursal">Viaje Origen-Sucursal</a></li>
        									<li><a id="crearViajeSucursalDestino">Viaje Sucursal-Destino</a></li>
        							</ul>
        					</li>
        					<li class="parent">
        						<a class="parent" href="#"> VEHICULOS</a>
        							<ul class="sub-menu">
        									<li><a id="asignarPlanMantenimiento">Aignar Plan Mantenimiento</a></li>
        									<li><a id="aplicarPlanMantenimiento">Aplicar Plan Mantenimiento</a></li>
        							</ul>
        					</li>
                            <li class="parent" style="text-align:left;display: inline-block;">
        						<a href=" ">COBROS</a>
        						<ul class="sub-menu">
        							<li><a id="menu_pagar_fact_particular">Cobrar Factura Cliente Particular</a></li>
                                	<li><a id="menu_pagar_fact_empresa">Cobrar Factura Cliente Empresa</a></li>
                                </ul>
                            </li>     
                        </ul>            
        		    </nav>
        			<div class="clear"></div>
          		</div>
        	</header>
        </div>	
  
    <!-- Pagina principal -->
    <div class="amarillo"></div>
  	<div class="page" style="background: #FFF; padding: 25px 50px;">
      <div id="divLogin">
      </div>
      <div id="divTodo">
      </div>
      <div id="divAltaEncomienda">
      </div>
      <div id="paginaClientes">
      </div>
    </div>

    <!-- Fin Pagina principal -->   
    <div class="amarillo"></div>
    </div>
  </div>
</body>
</html>